<html>
<head>
	<meta charset="utf-8"><!--文件编码-->
	<link rel="stylesheet" type="text/css" href="TDGZZZD.css">
<!--<link rel="stylesheet" type="text/css" href="文件名.css">外部样式表，当样式需要被应用到很多页面的时候，使用外部样式表，就可以通过更改一个文件来改变整个站点-->
	<style type="text/css">
		h1{color:yellowe}
		p{color:blue}
	</style>
<!--HTML CSS之添加到 <head> 部分的样式信息对 HTML 进行格式化。此乃内部样式表,当单个文件需要特别样式时使用-->
</head>

<!--*HTML样式和格式化-->
<body style="font-size:15px;">
<!--style样式中font-family\color\size属性分别定义元素中文本的字体、颜色、尺寸,color只能放在font-family后面使用-->
<h1 style="background-color:red;text-align:center">帝国时代 </h1>
<!--background-color添加背景色-->
	<p style="text-align: right;">作者：星辰皇族</p>
<!--text-align属性规定元素中文本水平对齐方式-->
	<p><b>书名：</b><i>帝国时代</i><br /><big>体裁：</big><em>两晋隋唐</em>-架空历史<br /><strong>预计字数：</strong>300±W</p>
<!--<br /> 标签,在不产生一个新段落的情况下进行换行（新行）-->
<h2><b><big>简介：</big></b></h2>

<!--*HTML引用和计算机代码-->
	<p>开元盛世的余晖中，风流天子唐明皇与杨贵妃于大明宫中你侬我侬，笑里藏刀的李林甫日渐老迈不堪，却仍想着把持相位专权于朝，一代奸相杨国忠承蒙圣眷在心的杨氏姐妹余荫，权势日渐滋长，三百余斤的大胖子安禄山，大明宫中甩着肥膘把舞跳……<br />
一名少年郞踏上钱塘江畔，回望万里江山，无视想汹涌而来的钱塘大潮，傲然道：<q>这个时代我才是主角。</q></p>
<!--<q> 引用双引号,是短引用-->
<h2>时局地图：</h2>
	<p>江南东道：越州<abbr title="定义缩略语以下划虚线标识">会稽县</abbr></p>
<!--<abbr>定义缩写或首字母缩略语以下划虚线标识-->
	<pre>衢山岛
	<q><small>属翁山县蓬莱乡，唐称岣山</small></q></pre>
<!--<pre>计算机代码标签，保留空格和换行-->
	海坛岛
	<p style="font-family:arial;color: blue;"><small>
地属长乐县，唐德宗及宋皆在此设牧马监，但马比驴大不了多少却吃苦耐劳能长途跋涉</small></p>
	<address>
	台北<a href="https://baike.baidu.com/item/%E5%8F%B0%E5%8C%97%E7%9B%86%E5%9C%B0/10673503?fr=aladdin">盆地</a>
	</address>
<!--<address>通常以斜体显示，定义地址,也就是引用网络地址，但有下划线，或定义文档或文章的联系信息-->
	<p>金门岛</p>
	<blockquote><small style="font-size: 15px">
	（旧称浯洲，产盐，唐贞元五个牧马场之一，晋代共有苏、陈、吴、蔡、吕、颜六姓家族因躲避战祸移居金门。）</small>
	</blockquote>
<!--blokquote缩进处理，长引用-->
	<p>澎湖列岛</p>
	<acronym title="马公港是澎湖列岛中心马公市港口。位于澎湖岛西部，马公湾北岸。南侧有风柜尾半岛环抱，港口向西北，与澎湖湾通连，港内有测天岛，与马公港市街南北相望。马公港的商港、渔港分别在马公市街南及东南侧，商港水深6.5～10.5米，水域约6万平方米，可供3000吨级船只进出；渔港分第一、第二渔港。海军基地在测天岛。自马公至高雄79海里，至厦门103海里。" style="font-size: 10px">马公港</acronym>
<!--<acronym>定义缩略词语，效果把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。-->
	<p>台南 <acronym title="西半部为冲积平原地形，东半部主要为山区，范围延伸至玉山；在市区部分鼓山海岸的寿山、左营东侧的半屏山，以及东南部的凤山丘陵，其中柴山与半屏山皆因珊瑚礁隆起而形成。"><dfn title="高雄市西扼台湾海峡，南临巴士海峡。西半部为冲积平原地形，东半部主要为山区，范围延伸至玉山；在市区部分鼓山海岸的寿山、左营东侧的半屏山，以及东南部的凤山丘陵，其中柴山与半屏山皆因珊瑚礁隆起而形成。">高雄</dfn></acronym></p>
<!--dfn定义项目，对缩写进行倾斜字体标记"-->
	<p><pre><cite>岭南道</cite> 儋州昌化县<acronym title="在此大山地表发现了铜矿，呈孔雀石类型，故后改称“石碌岭”，因石碌铁矿地处境内，故名。石碌铁矿位于石碌镇南部约3公里的金牛岭山麓，矿区总面积60平方公里，铁矿储量约3亿吨，平均品位51.2%，最高达69%，是一座现代化的大型露天矿山。矿体北起石碌河，南至羊角岭，西起石碌岭，东至红山头，方圆16平方公里。呈南北长，东西狭的长条形。主体矿分布在石碌镇南部一公里一带，以北一主矿体为中心。">石碌</acronym></pre></p>
<!--<cite>，定义著作的标题，浏览器以斜体显示cite元素属性-->
	<bdo dir="rtl">振州<abbr title="三亚河、临春河口建港">临川县</abbr></bdo><br />
<!--<bdo dir="rtl"></bdo>改变文字方向，让文本从右至左输出-->

<!--*HTML CSS-->
	<a href="https://baike.baidu.com/item/%E6%98%86%E4%BB%91%E5%B2%9B/10927647?fr=aladdin" style="text-decoration:none">昆仑群岛</a><abbr title="岛上多蛇，有蛇岛之称，世界上少有的母海龟聚集产卵的岛屿，海龟、玳瑁海龟、儒艮等濒危物种在此受到保护。有水稻以及椰子、柑橘、香蕉等热带水果。海产有蚌、螺、玳瑁、海参。">-昆山</abbr><br />
<!--style="text-decoration:none",使用样式属性做一个没有下划线的链接。-->
	<p style="color: blue;margin-left:30px">富国岛
<!--内联样式:当特殊的样式需要应用到个别元素时使用，内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以上实例显示出如何改变段落的颜色和左外边距。-->
	<pre>"有“珍珠岛”之称，有著名的金沙滩，出产鱼露，为了生产这种传统的鱼露，岛民必需在黑黝黝的仓库里放上巨大的木桶，将小鳀鱼放入其中发酵一整年，再经过加工处理后产生一种黏稠的金黄色液体。
气味腥辣，口味胜过越南本土所产的鱼露，主要是富国岛的发酵期比越南本土来的长一些。
这里主要的农作物有胡椒、咖啡、椰子等，海产则有螺、玳瑁、海鳖、墨鱼等，也是越南重要的渔场之一。
岛上出产煤玉、无烟煤、木材、胡椒、可可、咖啡、槟榔和椰子，渔业发达，出口鱼露、椰仁干和玳瑁壳。
有要塞和港口"</pre></p>
</body>
</html>